<template>
  <div class="communitymenu">
      <div class="communitymenu-middle">
           <CommunityPic></CommunityPic> 
           <CommunityPl></CommunityPl>
           </div>
           <div class="communitymenu-right" >
               <CommunityRight></CommunityRight>
           </div>

  </div>
</template>

<script>
import CommunityPic from '@/components/CommunityPic.vue'
import CommunityRight from '@/components/CommunityRight.vue'
import CommunityPl from '@/components/CommunityPl.vue'
export default {
  components: { CommunityPic,CommunityRight,CommunityPl },

}
</script>

<style>
.communitymenu{
position:relative;
}
.communitymenu-middle{
    position:absolute;
    left:300px;
    margin: 0 auto;
    text-align: center;

}
.communitymenu .communitymenu-right{
    position:absolute;
    left:850px;
}
</style>